<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<link rel="stylesheet" href="../../css/app/studyDetial/studyDetail.css" />
	<script type="text/javascript" src="../../js/pc/jquery.min.js"></script>
	<script type="text/javascript" src="../../js/app/app_tiaozhuang.js"></script>
	<body style="margin: 0px;">
		<div class="main2">
			<img src="../../img/app/studyDetail/one.jpg"/>
			<img src="../../img/app/studyDetail/two.jpg"/>
			<img src="../../img/app/studyDetail/three.jpg"/>
		</div>
		<div class="main">
			<div class="bottom">
				<div class="bot_tu fanhuishangyiji_ysy">
					<img src="../../img/app/studyDetail/Return.png"/>
				</div>
				<div class="bot_tu">
					<img src="../../img/app/studyDetail/news.png"/>
				</div>
				<div class="bot_tu tan">
					<div class="" id="zan" style="width: 50%;height: 100%;">
						<img src="../../img/app/studyDetail/Fabulous.png"/>
					</div>
					<div class="" id="zanjia" style="width: 50%;height: 100%;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 3vw;">
						11
					</div>
				</div>
				<div class="bot_tu">
					<img src="../../img/app/studyDetail/Collection.png"/>
				</div>
				<div class="bot_tu" id="fenxiang">
					<img src="../../img/app/studyDetail/share.png"/>
				</div>
			</div>
		</div>
		
		<!--分享蒙版-->
		<div class="meng">
			<div class="meng1">
				<div class="meng_title">
					分享到
				</div>
				<div class="share_place">
					<div class="place">
						<img src="../../img/app/studyDetail/weixinhaoyou.png"/>
						<span class="weixin">微信好友</span>
					</div>
					<div class="place">
						<img src="../../img/app/studyDetail/pengyouquan.png"/>
						<span class="pengyou">微信朋友圈</span>
					</div>
					<div class="place">
						<img src="../../img/app/studyDetail/qqhaoyou.png"/>
						<span class="qqyou">QQ好友</span>
					</div>
					<div class="place">
						<img src="../../img/app/studyDetail/kongjian.png"/>
						<span class="qqyou">QQ空间</span>
					</div>
				</div>
			</div>
			<div class="meng2">
				取消
			</div>
		</div>
		<div class="menghui">

		</div>
	</body>
	<script type="text/javascript" src="../../js/pc/jquery.min.js" ></script>
	<script>
$(function(){
	$("#zan").on("click",jia);
	$("#fenxiang").on("click", show_share);
	$(".meng2").on("click", hide_share);
})
function jia(){
	var zhi=eval($("#zanjia").text())+eval(1);
	$("#zanjia").text("");
	$("#zanjia").text(zhi);
}

		
		
  function show_share(){
	$(".meng").show();
//  $(".top,.banner,.main").css("background-color","#7F7F7F");
    $(".top,.banner,.main").css("opacity","0.65");
    $(".menghui").show();
}
function hide_share(){
	$(".meng").hide();
//	$(".top,.banner,.main").css("background-color","inherit");
	$(".top,.banner,.main").css("opacity","1");
	$(".menghui").hide();
	
}


	</script>
</html>
